<html>
<head>
    <meta charset="utf-8">
    <title>Parsleyjs Developpement Tests</title>
    <link href="../src/parsley.css" rel="stylesheet">
    <style type="text/css">

    </style>
</head>
<body>
<!--     <form id="form" data-parsley-validate data-parsley-trigger="focusout change">
        <div class="parent">
            Email: <input id="email" type="email" data-parsley-no-focus data-parsley-length="[5, 20]" data-parsley-trigger="change" required data-parsley-required-message="Super message!" />

            Number: <input id="number" type="text" data-parsley-trigger="keyup" data-parsley-type="number" data-parsley-remote="number" data-parsley-remote-options='{"type": "POST", "data": {"foo": "bar"} }' data-parsley-remote-reverse="true" required />

            Radio:
            <span>
                <input type="radio" name="radio" id="radio1" value="yes" required />
                <input type="radio" name="radio" id="radio2" value="no" />
            </span>

            Checkboxes:
            <input type="checkbox" name="ch$ckbox[]" id="checkbox1" value="foo" data-parsley-errors-container="#checkoxErrors" data-parsley-mincheck="2" required />
            <input type="checkbox" name="ch$ckbox[]" id="checkbox2" value="bar" />
            <input type="checkbox" name="ch$ckbox[]" id="checkbox3" value="baz" />

            <span id="checkoxErrors"></span>

            FooBar:
            <input type="text" data-parsley-foobar="baz" required />

            Extra
            <input type="text" data-parsley-dateiso data-parsley-no-focus required />

            <select id="select" multiple data-parsley-mincheck="1">
                <option value="0">First</option>
                <option value="1">Second</option>
                <option value="2">Third</option>
            </select>

            <input type="checkbox" id="cbox" checked />
            <input type="submit" />
        </div>
    </form> -->

<!--     <form id="parsleyForm" data-parsley-validate>
        <div>
            <input type="checkbox" name="ch$ckbox[]" id="checkbox1" value="foo" required />
            <input type="checkbox" name="ch$ckbox[]" id="checkbox2" value="bar" />
            <input type="checkbox" name="ch$ckbox[]" id="checkbox3" value="baz" data-parsley-mincheck="2" />
        </div>

         <input type="email" id="email" required />
        <input type="submit">
    </form> -->

    <form id="parsley" data-parsley-validate>
        <select name="plan" id="plan" class="form-control first" required="">
            <option selected="selected" value="">Please select</option>
            <option value="1200">1200 Calories</option>
            <option value="1500">1500 Calories</option>
            <option value="1800">1800 Calories</option>
        </select>
        <input type="submit" />
        <input type="reset" onclick="javascript:$('#parsley').parsley().destroy();" />
    </form>

<!--     <form id="doesntwork">
        <h2>doesnt work</h2>
        <div>
            <label>
                <input type="radio" class=" " name="options[186][]" value="yes" required />No</label>
            <label>
                <input type="radio" class=" " name="options[186][]" value="no" required />Yes</label>
        </div>
        <div>
            <button type="submit">go</button>
        </div>
    </form> -->

    <!-- <script src="../bower_components/jquery/jquery.js"></script> -->
    <!-- <script src="../src/parsley.remote.js"></script> -->
    <!-- <script src="../src/extra/dateiso.js"></script> -->
    <!-- <script src="../src/i18n/fr.extra.js"></script> -->
    <!-- <script src="../src/i18n/fr.js"></script> -->
    <!-- <script src="../dist/parsley.js"></script> -->
    <script src="../bower_components/requirejs/require.js" data-main="../src/main"></script></body>
    <!-- <script src="../src/i18n/it.js"></script> -->

    <script type="text/javascript">
        // $(document).ready(function () {
        //     $('#doesntwork').parsley({
        //         namespace: 'data-validate-'
        //     });
        // });
    </script>
</html>
